﻿<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Contacts</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
  <!-- main wrapper -->
  <div class="wrapper">
    <!-- header -->
    <header class="header">
      <div class="header-top">
        <div class="container">
          <div class="row">
            <div class="col-lg-9 col-md-8 col-sm-8 col-xs-12">
              <div class="header-location"><i class="fa fa-home"></i> <a href="#">455 Martinson, Los Angeles</a></div>
              <div class="header-email"><i class="fa fa-envelope-o"></i> <a href="mailto:support@email.com">support@email.com</a></div>
              <div class="header-phone"><i class="fa fa-phone"></i> <a href="#">8 (043) 567 - 89 - 30</a></div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
              <div class="header-social pull-right">
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-google-plus"></i></a>
                <a href="#"><i class="fa fa-dribbble"></i></a>
                <a href="#"><i class="fa fa-instagram"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="header-bottom">
        <nav class="navbar navbar-universal navbar-custom">
          <div class="container">
            <div class="row">
              <div class="col-lg-3">
                <div class="logo"><a href="index.html" class="navbar-brand page-scroll"><img src="assets/images/logo/logo.png" alt="logo"></a></div>
              </div>
              <div class="col-lg-9">
                <div class="navbar-header">
                  <button type="button" data-toggle="collapse" data-target=".navbar-main-collapse" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
                </div>
                <div class="collapse navbar-collapse navbar-main-collapse">
                  <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="about-us.html">About Us</a></li>
                    <li><a href="contacts.html">Contacts</a></li>
                    <li><a href="best-rooms.html">All Rooms</a></li>
                    <li><a href="best-rooms-detail.html">Room Detail</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </nav>
      </div>
    </header>
    <!-- /header -->
    <!-- breadcrumbs -->
    <section class="breadcrumbs" style="background-image: url(assets/images/breadcrumbs/reservation.jpg)">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <h1 class="h1">Contacts</h1>
          </div>
          <div class="col-md-6">
            <ol class="breadcrumb">
              <li><a href="#">Home</a><i class="fa fa-angle-right"></i></li>
              <li class="active">Contacts</li>
            </ol>
          </div>
        </div>
      </div>
    </section>
    <!-- /breadcrumbs -->
    <section class="contact-block">
      <div class="container">
        <div class="contact-block_form">
          <div class="row">
              <div class="contact-block_info">
                <div class="col-md-4">
                  <div class="contact-block_i">
                    <div class="info_icon">
                      <i class="fa fa-home"></i>
                    </div>
                    <div class="info_txt"><span>455 Martinson, Los Angeles</span></div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="contact-block_i">
                    <div class="info_icon">
                      <i class="fa fa-envelope-o"></i>
                    </div>
                    <div class="info_txt"><span>support@email.com</span></div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="contact-block_i">
                    <div class="info_icon">
                      <i class="fa fa-phone"></i>
                    </div>
                    <div class="info_txt"><span>8 (043) 567 - 89 - 30</span></div>
                  </div>
                </div>
              </div>
            </div>
              <div class="row marg50">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><h2 class="h2">Drop Us Some Lines...</h2></div> 
                <div class="col-lg-2 col-md-2 col-sm-1 col-xs-1"></div>
                <div class="col-lg-8 col-md-8 col-sm-11 col-xs-11">
                  <form action="mail.php" method="POST" class="form-horizontal form-wizzard">
                    <div class="row">
                      <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                        <div id="name-group" class="form-group">
                          <input type="text" name="name" class="form-control" placeholder="Enter your name ...">
                        </div>
                      </div>
                      <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                        <div id="surname-group" class="form-group">
                          <input type="text" name="name" class="form-control" placeholder="Enter your surname ...">
                        </div>
                      </div>
                      <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                        <div id="phone-group" class="form-group">
                          <input type="tel" name="name" class="form-control" placeholder="Enter your phone number ...">
                        </div>
                      </div>
                    </div>
                    <div id="comment-group" class="form-group">
                      <textarea rows="10" name="comment" class="form-control" placeholder="Additional note type here ..."></textarea>
                    </div>
                    <div class="form-group text-center">
                      <input type="submit" value="Send message" class="btn btn-default">
                    </div>
                  </form>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-1 col-xs-1"></div>
              </div>
            </div>
          </div>
    </section>
    <section class="map">
      <div id="map"></div>
    </section>
  <!-- /main wrapper -->
  <!-- footer -->
  <footer class="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="footer-top_logo"><a href="index.html"><img src="assets/images/logo/logo.png" alt="Footer logo"></a></div>
            <div class="footer-top_txt">
              <p>Continual delighted as elsewhere am convinced unfeeling. Introduced stimulated attachment no by projection. To lady whom my mile sold four need introduced.</p>
            </div>
            <div class="footer-top_address">
                <div><i class="fa fa-phone"></i> Phone: <span>8 (043) 567 - 89 - 30</span></div>
                <div><i class="fa fa-envelope-o"></i> E-mail: <span><a href="mailto:support@email.com">support@email.com</a></span></div>
                <div><i class="fa fa-home"></i> Location: <span>455 Martinson, Los Angeles</span></div>
            </div>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="footer-top_rooms">
              <ul>
                <li>
                  <div class="rooms_img">
                    <a href="blog-detail.html"><img src="assets/images/footer/1.jpg" alt=""></a>
                  </div>
                  <div class="rooms_info">
                    <div class="rooms_t"><a href="blog-detail.html">Grang Super Luxury</a></div>
                    <div class="rooms_props">3 Bed  /  Wi-Fi  /  2 - Bathroom<span>$119</span></div>
                  </div>
                </li>
                <li>
                  <div class="rooms_img">
                    <a href="blog-detail.html"><img src="assets/images/footer/2.jpg" alt=""></a>
                  </div>
                  <div class="rooms_info">
                    <div class="rooms_t"><a href="blog-detail.html">President Room</a></div>
                    <div class="rooms_props">4 Bed  /  Wi-Fi  /  3 - Bathroom<span>$329</span></div>
                  </div>
                </li>
                <li>
                  <div class="rooms_img">
                    <a href="blog-detail.html"><img src="assets/images/footer/3.jpg" alt=""></a>
                  </div>
                  <div class="rooms_info">
                    <div class="rooms_t"><a href="blog-detail.html">Spa Double Room</a></div>
                    <div class="rooms_props">2 Bed  /  Wi-Fi  /  2 - Bathroom<span>$749</span></div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-12 marg-sm-50 col-xs-12">
            <div class="footer-top_contact_form">
              <div class="contact_form_t">Contact Form</div>
                  <form action="mail.php" method="POST" class="row form-horizontal form-wizzard">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <input type="text" name="name" class="form-control" placeholder="Name ...">
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <input type="email" name="email" class="form-control" placeholder="Email ...">
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                      <textarea rows="6" name="message" class="form-control" placeholder="Message ..."></textarea>
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-right">
                      <input type="submit" value="Send message" class="btn btn-default">
                    </div>
                  </form>
                </div>
            </div>
          </div>
        </div>
      </div>
    <div class="footer-bottom">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="footer-bottom_copy">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="footer-bottom_links">
              <a class="active" href="index.html">Home</a>
              <a href="gallery.html">Gallery</a>
              <a href="blog.html">Blog</a>
              <a href="wizzard-step1.html">Reservation</a>
              <a href="#">Purchase</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
</div>
  <!-- /footer -->
  <!-- Scripts -->
  <script type="text/javascript" src="assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="assets/js/tether.min.js"></script>
  <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="assets/js/jquery-ui.min.js"></script>
  <script type="text/javascript" src="assets/js/moment.min.js"></script>
  <script type="text/javascript" src="assets/js/jquery.smartmenus.js"></script>
  <script type="text/javascript" src="assets/js/jquery.parallax.min.js"></script>
  <script type="text/javascript" src="assets/js/jquery.shuffle.min.js"></script>
  <script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>
  <!---<script type="text/javascript" src="http://ditu.google.cn/maps/api/js"></script>--->
  <script type="text/javascript" src="assets/js/map.js"></script>
  <script type="text/javascript" src="assets/js/main.js"></script>
  <!-- /Scripts -->
</body>
</html>
